<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1012px" height="442px" viewBox="-0.5 -0.5 1012 442" content="&lt;mxfile&gt;&lt;diagram id=&quot;W2IAjyMExVh-jXkT93Bg&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
    <defs/>
    <g>
        <path d="M 775 150 L 775 110" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 845 150 L 845 140 Q 845 130 835 130 L 785 130 Q 775 130 775 120 L 775 110" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 915 150 L 915 140 Q 915 130 905 130 L 785 130 Q 775 130 775 120 L 775 110" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 550 160 Q 550 135 475 135 Q 400 135 400 110" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <rect x="120" y="220" width="60" height="40" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <rect x="110" y="220" width="60" height="40" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 380 150 L 380 105" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 360 210 L 345.21 270.15" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 395 210 L 407.82 270.25" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 360 160 Q 360 150 310 150 Q 260 150 260 165 Q 260 180 188.12 180" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 181.12 180 L 188.12 177.67 L 188.12 182.33 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="340" y="160" width="80" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 180px; margin-left: 341px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Extension Instance
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="380" y="184" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Extension Ins...
                </text>
            </switch>
        </g>
        <path d="M 100 200 L 100 140" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 132.77 160 L 167.07 139.07" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <path d="M 173.05 135.42 L 168.29 141.06 L 165.85 137.08 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="20" y="160" width="160" height="40" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 180px; margin-left: 21px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Extension
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="100" y="184" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Extension
                </text>
            </switch>
        </g>
        <rect x="70" y="100" width="60" height="40" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 120px; margin-left: 71px;">
                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Output
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="100" y="124" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Output
                </text>
            </switch>
        </g>
        <path d="M 50 220 L 50 200" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="20" y="220" width="60" height="40" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 240px; margin-left: 21px;">
                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Input 1
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="50" y="244" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Input 1
                </text>
            </switch>
        </g>
        <path d="M 140 220 L 140 200" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"/>
        <rect x="100" y="220" width="60" height="40" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 240px; margin-left: 101px;">
                        <div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Input 2
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="130" y="244" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Input 2
                </text>
            </switch>
        </g>
        <rect x="0" y="390" width="10" height="10" fill="#dae8fc" stroke="#6c8ebf" pointer-events="all"/>
        <rect x="20" y="390" width="100" height="10" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 395px; margin-left: 22px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                React Component
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="22" y="398" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="10px">
                    React Component
                </text>
            </switch>
        </g>
        <rect x="0" y="410" width="10" height="10" fill="#fff2cc" stroke="#d6b656" pointer-events="all"/>
        <rect x="20" y="410" width="100" height="10" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 415px; margin-left: 22px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Route Path
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="22" y="418" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="10px">
                    Route Path
                </text>
            </switch>
        </g>
        <rect x="0" y="430" width="10" height="10" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/>
        <rect x="20" y="430" width="100" height="10" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 435px; margin-left: 22px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Display Title
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="22" y="438" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="10px">
                    Display Title
                </text>
            </switch>
        </g>
        <rect x="370" y="150" width="20" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <rect x="370" y="100" width="20" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 450 140 L 470 140 L 480 148 L 480 220 L 440 220 L 440 148 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,460,180)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 180px; margin-left: 421px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Configuration
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="460" y="184" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Configuration
                </text>
            </switch>
        </g>
        <rect x="350" y="200" width="20" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <rect x="380" y="200" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <rect x="370" y="80" width="40" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 90px; margin-left: 371px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Parent
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="390" y="94" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Parent
                </text>
            </switch>
        </g>
        <path d="M 410 90 L 420 90 L 430 98 L 430 100 L 400 100 L 400 98 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,415,95)" pointer-events="all"/>
        <path d="M 180 100 L 260 100 L 270 110 L 270 130 L 260 140 L 180 140 L 170 130 L 170 110 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 120px; margin-left: 171px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <span style="">
                                    Configuration Schema
                                </span>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="220" y="124" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Configuration Sc...
                </text>
            </switch>
        </g>
        <path d="M 320 170 L 340 170 L 350 178 L 350 190 L 310 190 L 310 178 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,180)scale(1,-1)translate(0,-180)rotate(-90,330,180)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 18px; height: 1px; padding-top: 180px; margin-left: 321px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                ID
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="330" y="184" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    ID
                </text>
            </switch>
        </g>
        <path d="M 360 90 L 370 90 L 380 98 L 380 100 L 350 100 L 350 98 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,95)scale(1,-1)translate(0,-95)rotate(-90,365,95)" pointer-events="all"/>
        <ellipse cx="475" cy="295" rx="95" ry="35" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-dasharray="3 3" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe center; width: 188px; height: 1px; padding-top: 257px; margin-left: 381px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Multi Input Attachments
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="475" y="257" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Multi Input Attachments
                </text>
            </switch>
        </g>
        <rect x="410" y="290" width="50" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 300px; margin-left: 411px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Child
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="435" y="304" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Child
                </text>
            </switch>
        </g>
        <path d="M 460 290 L 470 290 L 480 298 L 480 300 L 450 300 L 450 298 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,465,295)" pointer-events="all"/>
        <rect x="410" y="280" width="50" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <rect x="490" y="290" width="50" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 300px; margin-left: 491px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Child
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="515" y="304" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Child
                </text>
            </switch>
        </g>
        <path d="M 540 290 L 550 290 L 560 298 L 560 300 L 530 300 L 530 298 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,545,295)" pointer-events="all"/>
        <rect x="490" y="280" width="50" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 400 290 L 410 290 L 420 298 L 420 300 L 390 300 L 390 298 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,295)scale(1,-1)translate(0,-295)rotate(-90,405,295)" pointer-events="all"/>
        <path d="M 480 290 L 490 290 L 500 298 L 500 300 L 470 300 L 470 298 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,295)scale(1,-1)translate(0,-295)rotate(-90,485,295)" pointer-events="all"/>
        <path d="M 500 280 L 505 275 L 505 275 L 510 280 L 510 280 L 510 280 L 505 280 L 500 280 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 510 280 L 515 275 L 515 275 L 520 280 L 520 280 L 520 280 L 515 280 L 510 280 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 520 280 L 525 275 L 525 275 L 530 280 L 530 280 L 530 280 L 525 280 L 520 280 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 420 280 L 425 275 L 425 275 L 430 280 L 430 280 L 430 280 L 425 280 L 420 280 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 430 280 L 435 275 L 435 275 L 440 280 L 440 280 L 440 280 L 435 280 L 430 280 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 440 280 L 445 275 L 445 275 L 450 280 L 450 280 L 450 280 L 445 280 L 440 280 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <ellipse cx="310" cy="295" rx="50" ry="35" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-dasharray="3 3" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 257px; margin-left: 261px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Single Input Attachment
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="310" y="257" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Single Input Attachm...
                </text>
            </switch>
        </g>
        <rect x="290" y="290" width="40" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 300px; margin-left: 291px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Child
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="310" y="304" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Child
                </text>
            </switch>
        </g>
        <path d="M 330 290 L 340 290 L 350 298 L 350 300 L 320 300 L 320 298 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,335,295)" pointer-events="all"/>
        <rect x="290" y="280" width="40" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 280 290 L 290 290 L 300 298 L 300 300 L 270 300 L 270 298 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,295)scale(1,-1)translate(0,-295)rotate(-90,285,295)" pointer-events="all"/>
        <path d="M 300 280 L 305 275 L 305 275 L 310 280 L 310 280 L 310 280 L 305 280 L 300 280 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 310 280 L 315 275 L 315 275 L 320 280 L 320 280 L 320 280 L 315 280 L 310 280 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="760" y="160" width="30" height="10" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 790 160 L 800 160 L 810 168 L 810 170 L 780 170 L 780 168 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,795,165)" pointer-events="all"/>
        <path d="M 750 160 L 760 160 L 770 168 L 770 170 L 740 170 L 740 168 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,165)scale(1,-1)translate(0,-165)rotate(-90,755,165)" pointer-events="all"/>
        <path d="M 20 260 L 20 260 L 20 260 L 40 260 L 40 260 L 40 280 L 30 270 L 20 280 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 70 100 L 80 90 L 80 90 L 90 100 L 90 100 L 90 100 L 80 100 L 70 100 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="760" y="150" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 770 150 L 775 145 L 775 145 L 780 150 L 780 150 L 780 150 L 775 150 L 770 150 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="390" y="100" width="20" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 775 180 L 775 220" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 775 180 L 775 190 Q 775 200 785 200 L 835 200 Q 845 200 845 210 L 845 220" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 775 180 L 775 190 Q 775 200 765 200 L 715 200 Q 705 200 705 210 L 705 220" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <rect x="760" y="170" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 760 180 L 760 180 L 760 180 L 770 180 L 770 180 L 770 190 L 765 185 L 760 190 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 780 180 L 780 180 L 780 180 L 790 180 L 790 180 L 790 190 L 785 185 L 780 190 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 380 210 L 380 210 L 380 210 L 390 210 L 390 210 L 390 220 L 385 215 L 380 220 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 390 210 L 390 210 L 390 210 L 400 210 L 400 210 L 400 220 L 395 215 L 390 220 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 400 210 L 400 210 L 400 210 L 410 210 L 410 210 L 410 220 L 405 215 L 400 220 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 350 210 L 350 210 L 350 210 L 360 210 L 360 210 L 360 220 L 355 215 L 350 220 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 360 210 L 360 210 L 360 210 L 370 210 L 370 210 L 370 220 L 365 215 L 360 220 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 370 150 L 375 145 L 375 145 L 380 150 L 380 150 L 380 150 L 375 150 L 370 150 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 380 150 L 385 145 L 385 145 L 390 150 L 390 150 L 390 150 L 385 150 L 380 150 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 390 110 L 390 110 L 390 110 L 400 110 L 400 110 L 400 120 L 395 115 L 390 120 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 400 110 L 400 110 L 400 110 L 410 110 L 410 110 L 410 120 L 405 115 L 400 120 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 370 110 L 370 110 L 370 110 L 380 110 L 380 110 L 380 120 L 375 115 L 370 120 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 380 110 L 380 110 L 380 110 L 390 110 L 390 110 L 390 120 L 385 115 L 380 120 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="530" y="170" width="40" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 180px; margin-left: 531px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Other
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="550" y="184" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Other
                </text>
            </switch>
        </g>
        <path d="M 570 170 L 580 170 L 590 178 L 590 180 L 560 180 L 560 178 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,575,175)" pointer-events="all"/>
        <rect x="530" y="160" width="40" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 520 170 L 530 170 L 540 178 L 540 180 L 510 180 L 510 178 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,175)scale(1,-1)translate(0,-175)rotate(-90,525,175)" pointer-events="all"/>
        <path d="M 540 160 L 545 155 L 545 155 L 550 160 L 550 160 L 550 160 L 545 160 L 540 160 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 550 160 L 555 155 L 555 155 L 560 160 L 560 160 L 560 160 L 555 160 L 550 160 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 110 100 L 120 90 L 120 90 L 130 100 L 130 100 L 130 100 L 120 100 L 110 100 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 60 260 L 60 260 L 60 260 L 80 260 L 80 260 L 80 280 L 70 270 L 60 280 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 100 260 L 100 260 L 100 260 L 120 260 L 120 260 L 120 280 L 110 270 L 100 280 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 130 260 L 130 260 L 130 260 L 150 260 L 150 260 L 150 280 L 140 270 L 130 280 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 160 260 L 160 260 L 160 260 L 180 260 L 180 260 L 180 280 L 170 270 L 160 280 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 100 60 Q 100 70 90 70 Q 80 70 80 80" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <rect x="60" y="40" width="80" height="20" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 50px; margin-left: 61px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Output Data
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="100" y="53" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Output Data
                </text>
            </switch>
        </g>
        <path d="M 100 60 Q 100 70 110 70 Q 120 70 120 80" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <rect x="50" y="320" width="80" height="20" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 78px; height: 1px; padding-top: 330px; margin-left: 51px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Input Data
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="90" y="333" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="10px" text-anchor="middle">
                    Input Data
                </text>
            </switch>
        </g>
        <path d="M 70 320 Q 70 300 50 300 Q 30 300 30 280" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 70 320 Q 70 320 70 280" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 110 320 Q 110 320 110 280" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 110 320 Q 110 300 125 300 Q 140 300 140 280" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 110 320 Q 110 300 140 300 Q 170 300 170 280" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <rect x="760" y="80" width="30" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 90px; margin-left: 761px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                Root
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="775" y="94" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">
                    Root
                </text>
            </switch>
        </g>
        <path d="M 790 90 L 800 90 L 810 98 L 810 100 L 780 100 L 780 98 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,795,95)" pointer-events="all"/>
        <path d="M 750 90 L 760 90 L 770 98 L 770 100 L 740 100 L 740 98 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,95)scale(1,-1)translate(0,-95)rotate(-90,755,95)" pointer-events="all"/>
        <rect x="760" y="100" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 770 110 L 770 110 L 770 110 L 780 110 L 780 110 L 780 120 L 775 115 L 770 120 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="830" y="160" width="30" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 860 160 L 870 160 L 880 168 L 880 170 L 850 170 L 850 168 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,865,165)" pointer-events="all"/>
        <path d="M 820 160 L 830 160 L 840 168 L 840 170 L 810 170 L 810 168 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,165)scale(1,-1)translate(0,-165)rotate(-90,825,165)" pointer-events="all"/>
        <rect x="830" y="150" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 840 150 L 845 145 L 845 145 L 850 150 L 850 150 L 850 150 L 845 150 L 840 150 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="900" y="160" width="30" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 930 160 L 940 160 L 950 168 L 950 170 L 920 170 L 920 168 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,935,165)" pointer-events="all"/>
        <path d="M 890 160 L 900 160 L 910 168 L 910 170 L 880 170 L 880 168 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,165)scale(1,-1)translate(0,-165)rotate(-90,895,165)" pointer-events="all"/>
        <rect x="900" y="150" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 910 150 L 915 145 L 915 145 L 920 150 L 920 150 L 920 150 L 915 150 L 910 150 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="760" y="230" width="30" height="10" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 790 230 L 800 230 L 810 238 L 810 240 L 780 240 L 780 238 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,795,235)" pointer-events="all"/>
        <path d="M 750 230 L 760 230 L 770 238 L 770 240 L 740 240 L 740 238 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,235)scale(1,-1)translate(0,-235)rotate(-90,755,235)" pointer-events="all"/>
        <rect x="760" y="220" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 775 250 L 775 290" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 775 250 L 775 260 Q 775 270 785 270 L 835 270 Q 845 270 845 280 L 845 290" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 775 250 L 775 260 Q 775 270 765 270 L 715 270 Q 705 270 705 280 L 705 290" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <rect x="760" y="240" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 760 250 L 760 250 L 760 250 L 770 250 L 770 250 L 770 260 L 765 255 L 760 260 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 770 250 L 770 250 L 770 250 L 780 250 L 780 250 L 780 260 L 775 255 L 770 260 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 760 220 L 765 215 L 765 215 L 770 220 L 770 220 L 770 220 L 765 220 L 760 220 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 780 220 L 785 215 L 785 215 L 790 220 L 790 220 L 790 220 L 785 220 L 780 220 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 780 250 L 780 250 L 780 250 L 790 250 L 790 250 L 790 260 L 785 255 L 780 260 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="830" y="230" width="30" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 860 230 L 870 230 L 880 238 L 880 240 L 850 240 L 850 238 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,865,235)" pointer-events="all"/>
        <path d="M 820 230 L 830 230 L 840 238 L 840 240 L 810 240 L 810 238 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,235)scale(1,-1)translate(0,-235)rotate(-90,825,235)" pointer-events="all"/>
        <rect x="830" y="220" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 830 220 L 835 215 L 835 215 L 840 220 L 840 220 L 840 220 L 835 220 L 830 220 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 840 220 L 845 215 L 845 215 L 850 220 L 850 220 L 850 220 L 845 220 L 840 220 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="900" y="230" width="30" height="10" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 930 230 L 940 230 L 950 238 L 950 240 L 920 240 L 920 238 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,935,235)" pointer-events="all"/>
        <path d="M 890 230 L 900 230 L 910 238 L 910 240 L 880 240 L 880 238 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,235)scale(1,-1)translate(0,-235)rotate(-90,895,235)" pointer-events="all"/>
        <rect x="900" y="220" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 900 220 L 905 215 L 905 215 L 910 220 L 910 220 L 910 220 L 905 220 L 900 220 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 920 220 L 925 215 L 925 215 L 930 220 L 930 220 L 930 220 L 925 220 L 920 220 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="970" y="230" width="30" height="10" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 1000 230 L 1010 230 L 1020 238 L 1020 240 L 990 240 L 990 238 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,1005,235)" pointer-events="all"/>
        <path d="M 960 230 L 970 230 L 980 238 L 980 240 L 950 240 L 950 238 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,235)scale(1,-1)translate(0,-235)rotate(-90,965,235)" pointer-events="all"/>
        <rect x="970" y="220" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 970 220 L 975 215 L 975 215 L 980 220 L 980 220 L 980 220 L 975 220 L 970 220 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 990 220 L 995 215 L 995 215 L 1000 220 L 1000 220 L 1000 220 L 995 220 L 990 220 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 775 180 L 775 190 Q 775 200 785 200 L 905 200 Q 915 200 915 210 L 915 220" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 775 180 L 775 190 Q 775 200 785 200 L 975 200 Q 985 200 985 210 L 985 220" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <rect x="760" y="300" width="30" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 790 300 L 800 300 L 810 308 L 810 310 L 780 310 L 780 308 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,795,305)" pointer-events="all"/>
        <path d="M 750 300 L 760 300 L 770 308 L 770 310 L 740 310 L 740 308 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,305)scale(1,-1)translate(0,-305)rotate(-90,755,305)" pointer-events="all"/>
        <rect x="760" y="290" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 760 290 L 765 285 L 765 285 L 770 290 L 770 290 L 770 290 L 765 290 L 760 290 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 770 290 L 775 285 L 775 285 L 780 290 L 780 290 L 780 290 L 775 290 L 770 290 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 915 250 L 915 290" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <rect x="900" y="240" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 910 250 L 910 250 L 910 250 L 920 250 L 920 250 L 920 260 L 915 255 L 910 260 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="690" y="230" width="30" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 720 230 L 730 230 L 740 238 L 740 240 L 710 240 L 710 238 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,725,235)" pointer-events="all"/>
        <path d="M 680 230 L 690 230 L 700 238 L 700 240 L 670 240 L 670 238 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,235)scale(1,-1)translate(0,-235)rotate(-90,685,235)" pointer-events="all"/>
        <rect x="690" y="220" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 690 220 L 695 215 L 695 215 L 700 220 L 700 220 L 700 220 L 695 220 L 690 220 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 710 220 L 715 215 L 715 215 L 720 220 L 720 220 L 720 220 L 715 220 L 710 220 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="900" y="300" width="30" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 930 300 L 940 300 L 950 308 L 950 310 L 920 310 L 920 308 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,935,305)" pointer-events="all"/>
        <path d="M 890 300 L 900 300 L 910 308 L 910 310 L 880 310 L 880 308 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,305)scale(1,-1)translate(0,-305)rotate(-90,895,305)" pointer-events="all"/>
        <rect x="900" y="290" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 900 290 L 905 285 L 905 285 L 910 290 L 910 290 L 910 290 L 905 290 L 900 290 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="970" y="240" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 980 250 L 980 250 L 980 250 L 990 250 L 990 250 L 990 260 L 985 255 L 980 260 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 780 290 L 785 285 L 785 285 L 790 290 L 790 290 L 790 290 L 785 290 L 780 290 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="830" y="300" width="30" height="10" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 860 300 L 870 300 L 880 308 L 880 310 L 850 310 L 850 308 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,865,305)" pointer-events="all"/>
        <path d="M 820 300 L 830 300 L 840 308 L 840 310 L 810 310 L 810 308 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,305)scale(1,-1)translate(0,-305)rotate(-90,825,305)" pointer-events="all"/>
        <rect x="830" y="290" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 830 290 L 835 285 L 835 285 L 840 290 L 840 290 L 840 290 L 835 290 L 830 290 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 840 290 L 845 285 L 845 285 L 850 290 L 850 290 L 850 290 L 845 290 L 840 290 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 850 290 L 855 285 L 855 285 L 860 290 L 860 290 L 860 290 L 855 290 L 850 290 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 845 320 L 845 360" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <path d="M 845 320 L 845 330 Q 845 340 855 340 L 905 340 Q 915 340 915 350 L 915 360" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
        <rect x="830" y="310" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 830 320 L 830 320 L 830 320 L 840 320 L 840 320 L 840 330 L 835 325 L 830 330 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 850 320 L 850 320 L 850 320 L 860 320 L 860 320 L 860 330 L 855 325 L 850 330 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="690" y="300" width="30" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 720 300 L 730 300 L 740 308 L 740 310 L 710 310 L 710 308 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,725,305)" pointer-events="all"/>
        <path d="M 680 300 L 690 300 L 700 308 L 700 310 L 670 310 L 670 308 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,305)scale(1,-1)translate(0,-305)rotate(-90,685,305)" pointer-events="all"/>
        <rect x="690" y="290" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 690 290 L 695 285 L 695 285 L 700 290 L 700 290 L 700 290 L 695 290 L 690 290 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 700 290 L 705 285 L 705 285 L 710 290 L 710 290 L 710 290 L 705 290 L 700 290 Z" fill="#fff2cc" stroke="#d6b656" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 710 290 L 715 285 L 715 285 L 720 290 L 720 290 L 720 290 L 715 290 L 710 290 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="830" y="370" width="30" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 860 370 L 870 370 L 880 378 L 880 380 L 850 380 L 850 378 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,865,375)" pointer-events="all"/>
        <path d="M 820 370 L 830 370 L 840 378 L 840 380 L 810 380 L 810 378 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,375)scale(1,-1)translate(0,-375)rotate(-90,825,375)" pointer-events="all"/>
        <rect x="830" y="360" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 830 360 L 835 355 L 835 355 L 840 360 L 840 360 L 840 360 L 835 360 L 830 360 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 850 360 L 855 355 L 855 355 L 860 360 L 860 360 L 860 360 L 855 360 L 850 360 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="900" y="370" width="30" height="20" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"/>
        <path d="M 930 370 L 940 370 L 950 378 L 950 380 L 920 380 L 920 378 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="rotate(90,935,375)" pointer-events="all"/>
        <path d="M 890 370 L 900 370 L 910 378 L 910 380 L 880 380 L 880 378 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" transform="translate(0,375)scale(1,-1)translate(0,-375)rotate(-90,895,375)" pointer-events="all"/>
        <rect x="900" y="360" width="30" height="10" fill="#f5f5f5" stroke="#666666" pointer-events="all"/>
        <path d="M 900 360 L 905 355 L 905 355 L 910 360 L 910 360 L 910 360 L 905 360 L 900 360 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 920 360 L 925 355 L 925 355 L 930 360 L 930 360 L 930 360 L 925 360 L 920 360 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 690 320 L 690 320 L 690 320 L 700 320 L 700 320 L 700 330 L 695 325 L 690 330 Z" fill="#dae8fc" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 710 320 L 710 320 L 710 320 L 720 320 L 720 320 L 720 330 L 715 325 L 710 330 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <rect x="0" y="360" width="180" height="20" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 178px; height: 1px; padding-top: 370px; margin-left: 2px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;">
                            <div style="display: inline-block; font-size: 10px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
                                <font style="font-size: 12px;">
                                    Example Extension Data Types
                                </font>
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="2" y="373" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="10px">
                    Example Extension Data Types
                </text>
            </switch>
        </g>
        <rect x="160" y="0" width="280" height="40" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 20px; margin-left: 300px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 24px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">
                                Extension Architecture
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="300" y="27" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="24px" text-anchor="middle" font-weight="bold">
                    Extension Architecture
                </text>
            </switch>
        </g>
        <rect x="680" y="0" width="320" height="40" fill="none" stroke="none" pointer-events="all"/>
        <g transform="translate(-0.5 -0.5)">
            <switch>
                <foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
                    <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 20px; margin-left: 840px;">
                        <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
                            <div style="display: inline-block; font-size: 24px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">
                                App Example
                            </div>
                        </div>
                    </div>
                </foreignObject>
                <text x="840" y="27" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="24px" text-anchor="middle" font-weight="bold">
                    App Example
                </text>
            </switch>
        </g>
        <path d="M 920 290 L 925 285 L 925 285 L 930 290 L 930 290 L 930 290 L 925 290 L 920 290 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
        <path d="M 850 220 L 855 215 L 855 215 L 860 220 L 860 220 L 860 220 L 855 220 L 850 220 Z" fill="#d5e8d4" stroke="#82b366" stroke-miterlimit="10" pointer-events="all"/>
    </g>
    <switch>
        <g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
        <a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
            <text text-anchor="middle" font-size="10px" x="50%" y="100%">
                Text is not SVG - cannot display
            </text>
        </a>
    </switch>
</svg>
